<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>大数据医疗系统搜索页面</title>
    <link href="styles/common.css" rel="stylesheet" type="text/css"/>
    <link href="styles/index.css" rel="stylesheet" type="text/css"/>
    <link href="styles/alert.css" rel="stylesheet" type="text/css"/>
    <script src="scripts/common.js"></script>
    <script src="scripts/index.js"></script>
</head>
<body>
    <div class="tab-button-bar">
        <button class="tab-button" id="data-manage-button" onclick="ChangeBox(event, 'data-manage')">数据管理</button>
        <button class="tab-button" id="data-analyze-button" onclick="ChangeBox(event, 'data-analyze')">数据分析</button>
        <button class="tab-button" id="data-search-button" onclick="ChangeBox(event, 'data-search')">数据检索</button>
        <div class="tab-bar-time"></div>
    </div>
    <div id="data-manage" class="tab-box">
        <div class="manage-button-box">
            <a href="tableView.html?init=new"><button class="manage-button" id="manage-add">增加数据</button></a>
            <a href="dataPreview.html?action=del"><button class="manage-button" id="manage-del">删除数据</button></a>
            <a href="tableView.html?init=get"><button class="manage-button" id="manage-find">查看数据</button></a>
            <a href="fileManage.html"><button class="manage-button" id="manage-add-file">管理文件</button></a>
        </div>
        <div class="manage-info-box">
            <fieldset class="manage-info-box-fieldset">
                <legend>基本信息</legend>
                <h1>HDFS</h1>
                <h3 id="hdfs-status">连接状况：正在确认</h3>
                <h1>HBase</h1>
                <h3 id="hbase-status">连接状况：正在确认</h3>
                <h1>ElasticSearch</h1>
                <h3 id="es-status">连接状况：正在确认</h3>
            </fieldset>
        </div>
    </div>
    <div id="data-analyze" class="tab-box">
        <div class="analyze-optional">
            <a href="analyze/test">
                <img class="analyze-optional-img" src="images/LineChart.png" alt="picture">
                <div class="analyze-optional-content">
                    <h1>就诊人数-时间分析</h1>
                    <p>分析全年各段时间本医院的就诊人数</p>
                </div>
            </a>
        </div>
    </div>
    <div id="data-search" class="tab-box">
        <div class="search-box">
            <input class="table-name-input" placeholder="表名" autocomplete="off">
                <input class="search-text-input" placeholder="搜索数据库" autocomplete="off" onkeydown="if (event.keyCode === 13) Search();">
            <button class="search-button" onclick="Search()"></button>
        </div>
    </div>
    <div id="alert-overlay">
        <div class="alert-window">
            <section class="alert-icon"></section>
            <div class="text-box">
                <h2>发生了一个错误</h2>
                <h4>信息</h4>
            </div>
            <button onclick="CloseAlertOverlay()">确认</button>
        </div>
    </div>
    <div id="ok-overlay">
        <div class="ok-window">
            <section class="ok-icon"></section>
            <div class="text-box">
                <h2>成功</h2>
            </div>
            <button onclick="CloseOkOverlay()">确认</button>
        </div>
    </div>
</body>
</html>